Веб-разработчик с нуля от Бруноям

Программа курса

Программа этого курса содержит много образовательных блоков. Погрузившись в них, вы сможете выйти на уверенный уровень программирования, даже если сейчас не имеете опыта в этом. 

Введение в веб-технологии

В первом блоке определитесь с личными целями, которых хотите достичь в течение обучения на курсе. Рассмотрите типы сайтов, этапы их создания, основные профессии. 

Основы HTML

Познакомитесь с первым инструментом, который вам предстоит освоить. Научитесь работать с таблицами и якорными ссылками. 

Основы CSS

Разберётесь в синтаксисе CSS. Сможете применять селекторы и баллы специфичности. Узнаете, какие свойства есть у текста и шрифта. 

Многоколоночные макеты

Узнаете, что в программировании и веб-разработке называетя блочной моделью. Сможете самостоятельно рассчитывать размер блока. Научитесь выравнивать элементы по основной и поперечной оси. Узнаете, какие проблемы есть у применения flexbox. Сможете применять семантические теги. 

Вёрстка макета в Figma

Познакомитесь с инструментом и сможете верстать простые макеты. Узнаете о лайфхаках, которые помогут пользоваться навыками быстрее. Поработаете с картинками. Узнаете, что такое тримминг и кадрирование. Сможете сохранять в нужном вам формате и узнавать код цвета. 

Позиционирование

Познакомитесь с видами позиционирования. Узнаете, что такое контекст наложения и z-index. Научитесь ориентироваться в примерах выпадающего многоуровневого меню. 

Формы обратной связи

Узнаете о состоянии полей и псевдоклассов. Научитесь пользоваться группировкой элементов. Сможете применять правила надписания стилей для форм. 

Адаптивность и кроссбраузерность

Узнаете, какой дизайн называется отзывчивым и адаптивным. Познакомитесь с медиа-запросами и параметрами области. Научитесь пользоваться валидностью кода. 

Анимации в CSS

Поработаете с HTML5 и CSS3. Сможете использовать плавные переходы и прочие анимационные эффекты. Освоите keyframes. 

Основы JavaScript

Научитесь программировать на JavaScript. Начнёте с базовых понятий типов данных, логических операторов, ветвления и функций. 

Циклы и массивы в JavaScript

Сможете работать с массивами for и while. Узнаете, что такое вложенные мaccивы. Повзаимодействуете с консолью. 

Функции

Научитесь разбираться в функциях: узнаете, какие называются стрелочными, обычными, таймерными. Сможете пользоваться областями видимости. 

Объекты. DOM. События

Узнаете о том, что в программировании называется объектами, словарями, наседованием, классами и событиями. Сможете лучше разрабатывать архитектуру. 

Анимация и эффекты в JavaScript

Сможете создавать анимированные сайты. Узнаете, как изменять CSS свойства элементов для этого. Рассмотрите примеры хороших и недоработанных анимаций. 

Интерактивные элементы

Узнаете, что в среде веб-разработки значит слайдер, аккордион и тултип. Сможете ориентироваться в усложнённых интерактивных элементах. 

Знакомство с Node.js

Научитесь пользоваться Node.js. Узнаете, каковы его предназначения и команды пакетного менеджера. Сможете применять сборщики. 

Работа с сервером

Научитесь обращаться к серверу и классу XMLHttpRequest. Узнаете, в чём заключается метод fetch. Поработаете с библиотекой Axios. 

Экспресс JS

Изучите концепцию фреймворка и создадите первый проект. Научитесь корректно управлять хранением данных и работать с шаблонами.

Основы React

Научитесь выбирать компоненты в React. Узнаете, как определить их состояния. Научитесь работать с хуками и стилизацией. 

Основы TypeScript

Освоите статическую типизацию. Узнаете, какие существуют типы интерфейсов. Сможете работать с каждым из них. Поймёте, что такое перечисляемые типы Enum. Узнаете, как начать карьеру веб-разработчика на JavaScript после завершения курса. Получите полную программу трудоустройства: от создания резюме до поиска заказов. 

Основы Redux

Изучите Redux: рассмотрите кейс по применению, научитесь использовать его с связке с TypeScript. 

Обзор дорожной карты JS-разработчика

Узнаете, как начать карьеру веб-разработчика на JavaScript после завершения курса. Получите полную программу трудоустройства: от создания резюме до поиска заказов. 

SASS/SCSS

Познакомитесь с препроцессорами для CSS. Изучите переменные, миксины и шаблоны. Научитесь использовать логические конструкции.

Системы управления контентом

Погрузитесь в основы программирования на PHP. Установите Wordpress и освоите базовые принципы его применения. 

Бесплатный курс "Учись учиться"

Сможете научитесь ставить себе цели для учёбы и легко достигать их. Поймете, как продуктивничать, не выгорая, и почему важно отдыхать, пока не почувствовал усталости.